<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>欢迎登陆无线热点网络</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/body.css" rel="stylesheet">
     

    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 40px;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 700px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 60px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }
    </style>
    

  </head>

  <body>
    <div class="masthead">
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li><a href="http://www.baidu.com">登陆网络</a></li>
                <li><a href="register.php">注册账号</a></li>
                <li class="active"><a href="help.php">帮助系统</a></li>
              </ul>
            </div>
          </div>
        </div><!-- /.navbar -->
      </div>

    <!-- Carousel
    ================================================== -->
      <div class="jumbotron">
        <h4>如出现不能正常注册登录，请联系我们工作人员</h4>
        <p class="lead">Any Problems,Please Contact Us.</p>
        <a class="btn btn-small btn-success" href="#">了解</a>
      </div>

      <hr>
       <div class="hero-unit">
        <h3>常见问题及说明</div>
       </div>
      <div class="row-fluid marketing">
        <div class="span5">
          <h4>1、不能登录系统</h4>
          <p>请检查账户是否已到期，查看登录后的错误提示。如无提示，请联系我们工作人员为您解决.</p>

          <h4>2、提示账户已到期</h4>
          <p>请尝试重新注册或联系工作人员为您重新设置账户有效期.</p>

          <h4>3、延期上网账户，获取更多上网时长</h4>
          <p>请联系我们工作人员为重新设置您账户的有效期.</p>
        </div>

        <div class="span5">
          <h4>Authentication Failure</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>

          <h4>Expiration</h4>
          <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>

          <h4>Delay</h4>
          <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>
      </div>



    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->


      <!-- START THE FEATURETTES -->

      <hr class="featurette-divider">


      <!-- /END THE FEATURETTES -->


      <!-- FOOTER -->
      <footer>
        <p>&copy; 2013 Company, Inc. &middot; <a href="#">隐私保护</a> &middot; <a href="#">条款</a></p>
      </footer>

    </div><!-- /.container -->



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>
    <script src="js/holder.js"></script>
  </body>
</html>


